<template>
	<view class="shop">
		<image :src="$myRequire(item.imagePath)"></image>
		<text>{{ item.name }}</text>
	</view>
</template>

<script>
	export default {
		name: 'order-shop-item',
		props: ['item']
	}
</script>

<style scoped>
	.shop{
		width: 150rpx;
		margin-right: 20rpx;
		display: flex;
		flex-direction: column;
	}
	
	.shop image{
		width: 150rpx;
		height: 130rpx;
	}
	
	.shop text{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 150rpx;
	}
</style>
